 html,body,#canvas,#moon,#noonPic,#adjustForm{
            margin: 0;
            padding: 0;
        }
#canvas{
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            z-index: -1;
            background: #000;
        }
#moon{
    display: block;
    position: absolute;
    z-index: 1;
    top: 18%;
    left: 14%;

}
#adjBox{
    
}
#adjustForm{
    position: absolute;
    visibility:hidden;
    display: display;
    width: 80px;
    top: 0;
    left: 0;
    color: aliceblue;
    transition: width 1.5s;

}
p:hover{
    color: chartreuse;
}

#login{
    position: absolute;
    top: 40%;
    left: -50%;
    color: aliceblue;
    transition: left 1s;
}
#registe{
    position: absolute;
    top: 40%;
    left: -50%;
    color: aliceblue;
    transition: left 1s;
}

#welcome{
    position: absolute;
    z-index: 1;
    left: 30%;
    top: 40%;
    transform: rotate(5deg) scale(1);
    transition: top 1s,transform 1.5s;
}
body{
    text-align:center;
    overflow: hidden;
}
